<extend name="common:base" />
<block name="title">有款</block>
<block name="header"><script src="/static/h5/js/scroll.js"></script></block>
<block name="contents">
    <div class="page">
        <div class="scroll">
            <div class="slide" id="slide">
                <foreach name="bannerList" item="vo">
                    <div class="slide-item"><a href="{$vo.url}"><img src="{$vo.image}"></a></div>
                </foreach>
            </div>
            <div class="dotModule_new">
                <div id="slide_01_dot"></div>
            </div>
        </div>

        <div class="item-new">
            <div class="kouzi-title">
                <span>最新口子</span>
            </div>
            <div class="kouzi-item-list">
                <foreach name="newItemList" item="vo">
                <a href="/h5/jump.item?id={$vo.id}">
                <div class="kouzi-item">
                    <div class="kouzi-icon">
                        <img src="{$vo.icon}"/>
                    </div>
                    <div class="kouzi-right">
                        <div class="kouzi-money">
                            <span>{$vo.quota}</span>
                        </div>
                        <div class="kouzi-name">
                            <span>{$vo.name}</span>
                        </div>
                    </div>
                </div>
                </a>
                </foreach>
            </div>
        </div>
        <div class="item-hot">
            <div class="kouzi-title">
                <span>最热口子</span>
            </div>
            <div class="kouzi-item-list">

                <foreach name="hotItemList" item="vo">
                <a href="/h5/jump.item?id={$vo.id}">
                <div class="kouzi-item">
                    <div class="kouzi-icon">
                        <img src="{$vo.icon}">
                    </div>
                    <div class="kouzi-right">
                        <div class="kouzi-money">
                            <span>{$vo.quota}</span>
                        </div>
                        <div class="kouzi-name">
                            <span>{$vo.name}</span>
                        </div>
                    </div>
                </div>
                </a>
                </foreach>
            </div>
        </div>
        <include file="common:bar" />

    </div>
    <script type="text/javascript">
        if(document.getElementById("slide")){
            var slide = new ScrollPic();
            slide.frameWidth     = parseInt(lib.flexible.rem2px('10rem'));
            slide.pageWidth      = parseInt(lib.flexible.rem2px('10rem'));
            slide.initialize(); //初始化
        }
        $(document).ready(function () {
            $('.ui-tabbar-item:nth-child(1)').addClass('on');
        });
        function autoScroll(obj){
            $(obj).find("ul").animate({
                marginTop : "-50px"
            },500,function(){
                $(this).css({marginTop : "0px"}).find("li:first").appendTo(this);
            })
        }
        $(function(){
            setInterval('autoScroll(".notice")',2000);

        })
    </script>
</block>